<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // var t = new Date()
      // function fn() {
      //   console.log(t)
      //   if (true) {
      //     var t = 'hello'
      //   }
      // }
      // fn()

      // 等价于：
      //   var t = new Date()
      //   function fn() {
      //     var t
      //     console.log(t) // undefined
      //     if (true) {
      //       t = 'hello'
      //     }
      //   }
      //   fn()

      // 为什么需要一个块作用域
      //   var t = new Date()
      //   function fn() {
      //     console.log(t)
      //     if (true) {
      //       let t = 'hello'
      //     }
      //   }
      //   fn()

      //   for (var i = 0; i < 6; i++) {
      //     // console.log(i)
      //   }
      //   console.log(i) // 6
      //   相当于
      //   var i
      //   for (i = 0; i < 6; i++) {
      //     console.log(i)
      //     i++
      //   }
      //   console.log(i)

      for (let i = 0; i < 6; i++) {
        // console.log(i)
      }
      console.log(i) // 报错
    </script>
  </body>
</html>
